<template>
    <h1>测试 vueUse 的鼠标坐标</h1>
    <h3>Mouse: {{ x }} x {{ y }}</h3>
    <div class="less">测试less</div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { useMouse } from '@vueuse/core';

export default defineComponent({
    name: 'VueUse',
    setup() {
        const { x, y } = useMouse();

        return {
            x,
            y,
        };
    },
});
</script>

<style lang="less">
.less {
    color: var(--less-color);
}
</style>
